草庐IT

JavaScript HTML DOM 节点列表

全部标签

javascript - JsTree v3.0 拖放插件。删除时引用目标节点

我使用jsTree的拖放插件库(版本3.0)使用以下代码,我可以绑定(bind)到拖放操作的末尾,但我看不到获取对目标节点(我正在放置的节点)的引用的方法。$(document).on('dnd_stop.vakata',function(e,data){//howtogettarget_nodehere?}); 最佳答案 我遇到了同样的问题。我找到了除事件dnd_stop.vakata之外的其他解决方案,它返回更改位置之前的旧数据。这个有效:$('#jstree_demo_div').on("move_node.jstree",f

javascript - 如何使用 jquery 将项目列表转换为 "multi-page"列表

我有一个动态创建帖子列表的网站,但我无权访问创建内容的功能,所以我必须处理输出的内容。Item1Item2...Item20Item21该函数以列表格式创建21个项目(一个在另一个之上)。我想要实现的是一次可能只有7个可见,并且有箭头导航来随机浏览各种项目集。$("#wrap>div").slice(0,7).css("background","yellow");$("#wrap>div").slice(7,14).css("background","red");$("#wrap>div").slice(14,21).css("background","blue");使用.slice我

javascript - 从渲染列表中获取点击元素的 ID

从列表中单击的元素获取ID的最佳方法是什么?我正在尝试呈现项目列表,然后显示所点击项目的项目详细信息View。例如render(){letlist=data.map((obj)=>{return});return{list};}如何获取被点击元素的ID以便在另一个组件中使用? 最佳答案 您可以直接从click事件中获取id。无需将变量绑定(bind)到事件处理程序。render(){letlist=data.map((obj)=>{return}return{list};}handleClick(e){console.log(e.t

javascript - 使用 Javascript 将嵌套的 JSON 转换为 HTML 嵌套列表

我对使用JSON(相对于XML)还很陌生,目前我纯粹使用Javascript来消化、解析和显示我返回的JSON数据。我正在使用JSON2.js库并取回一些表示相当简单的嵌套列表的有效JSON数据:{"node":{"class":"folder","title":"TestFramework","node":{"class":"folder","title":"Item1","node":{"class":"folder","title":"Item1.1","node":{"class":"file","title":"Item1.1.a"}},"node":{"class":"fo

javascript - Extjs:树,创建树后选择节点

我有一个简单的TreePanel。我想在加载时选择一个特定的节点。节点来自远程文件(json)。树正在按预期加载。但是,未选择该节点。Firebug将节点显示为未定义。这可能是因为异步属性。但是,我无法以其他方式配置它,也无法指定要选择的节点。欢迎提出任何建议,谢谢。LeftMenuTree=newExt.tree.TreePanel({renderTo:'TreeMenu',collapsible:false,height:450,border:false,userArrows:true,animate:true,autoScroll:true,id:'testtest',dataU

javascript - 使用 Javascript/jQuery 动态填充下拉列表

在ASP.NETMVCRazorView中,我有一个下拉列表如下:@Html.DropDownListFor(model=>model.SelectedDeviceModel,Model.DeviceModelList)DeviceModelList只是一个SelectList。我如何根据客户端操作(例如按钮单击或使用Javascript/jQuery/Ajax的其他下拉选择)动态填充DeviceModelList? 最佳答案 您可以将此下拉列表外部化为部分内容:@modelMyViewModel@Html.DropDownList

javascript - 如何使 ul 列表中的元素不可排序且不可拖动?

一个ul列表包含一些项目。最后一项必须始终保持静止状态。我尝试使用.sortable()方法的cancel选项,但它不会关闭可排序,只是拖动。JqueryMooToolsPrototypeYUImuststaystatic(addpositionbutton)$('#sort').sortable({cancel:'.last'});fiddle示例:http://jsfiddle.net/mbarinov/JLZvY/ 最佳答案 您可以使用items用于指定排除暴露last类的项目的选择器的选项:$('#sort').sortab

javascript - 在 JavaScript 中从支持 bean 迭代列表

我在支持bean中有一个对象列表我想用JavaScript迭代它,所以我尝试了以下方法://我在控制台中没有收到任何错误,但它显示空警报。这是怎么引起的,我该如何解决? 最佳答案 需要先将其转换为JS对象数组。前提是id是数字,方法如下:varusers=[{id:#{user.id},firstName:"#{user.firstName}"}#{loop.last?'':','}];for(vari=0;i这只会在用户名包含换行符时失败(双引号已被JSF转义)。考虑根据EscapeJavaScriptinExpressionLa

javascript - d3.js:将数据从父节点传递到子节点

我正在使用d3制作堆积条形图。数据是一个数组,每个条都有一个对象(例如“喜欢”)。然后每个对象都包含一个值数组,这些值驱动每个条形图的各个矩形:data=[{key='likes',values=[{key='blue-frog',value=1},{key='goodbye',value=2}]},{key='dislikes,values=[{key='blue-frog',value=3},{key='goodbye',value=4}]}]图表工作正常,如下所示://Createcanvasbars=svg.append("g");//Createindividualbars,

javascript - 通过减少节点数来简化 SVG 路径字符串

我正在生成一个表示折线图的大型SVG路径字符串。在图表下方,我有一个用于选择时间范围切片的slider。slider后面是整个折线图的迷你预览。我目前正在按比例缩小生成预览的路径,但是在这样做时我最终每个像素有数十个节点,因此需要更多的细节。当然,这给了浏览器更多的渲染任务。关于压缩svg字符串(gzipping等)的信息很多,但关于通过减少节点实际简化路径的算法的信息很少。我正在使用Raphaeljs并正在寻找基于javascript的解决方案。有什么想法吗? 最佳答案 Simplify.js可能是您正在寻找的东西。鉴于您的折线图